@import '_content/AuralizeBlazor/AuralizeBlazor.tf5u2o3oxg.bundle.scp.css';
@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.q21vm7bk8w.bundle.scp.css';
@import '_content/Nextended.Blazor/Nextended.Blazor.tkxqvq0zjw.bundle.scp.css';

/* /Pages/Dashboard.razor.rz.scp.css */
.popover-container[b-8mcetoccee] {
    position: absolute;
    margin-left: 33vw;
    text-align: center;
    top: 100%;
    width: auto;
}

.logout-button[b-8mcetoccee] {
    height: 3.5vh;
    width: 3.5vw;
    margin-right: 4vw;
    margin-left: -2vw;
    margin-top: 0vh;
    font-size: 80%;
}

.location-select-button[b-8mcetoccee] {
    background: none;
    border: none;
    cursor: pointer;
    margin-top: 1vh;
    margin-bottom: 1vh;
    width: 80vw;
    height: 5vh;
    border: 1.5px solid #22FF22;
    border-radius: 50px 50px 0px 50px;
    background-color: transparent;
}

.shown[b-8mcetoccee] {
    display: block;
}

.hidden[b-8mcetoccee] {
    display: none;
}

#return_button[b-8mcetoccee] {
    background-color: white;
    color: black;
    padding: 6px;
    border: 1px black solid;
    position: fixed;
    justify-content: left;
    left: 2%;
    top: 1%;
    z-index: 1000;
}

.drawer_buttons[b-8mcetoccee] {
    padding: 5px;
    margin: 5px;
    margin-left: 20px;
}

.option_text[b-8mcetoccee] {
    color: black;
    margin-top: 10px;
    text-align: center;
}

/*Date Selection classes*/
.time_box[b-8mcetoccee] {
    border: black 3px solid;
    position: relative;
    width: 921px;
    height: 10%;
    margin-top: 20px;
}

#timeButtons[b-8mcetoccee] {
    justify-content: center;
    display: flex;
}

.date_box[b-8mcetoccee] {
    display: flex;
    justify-content: center;
}

.date_input[b-8mcetoccee] {
    scale: 120%;
    margin: 20px;
    outline: auto;
    padding: 10px;
    width: 200px;
}

.save_date[b-8mcetoccee] {
    font-size: 100%;
    outline: solid 2px;
    padding: 20px;
    background-color: lightgray;
    width: 200px;
    height: 35px;
    margin: 20px;
}

.range_section[b-8mcetoccee] {
    display: flex;
    justify-content: space-evenly;
    margin-top: 5%;
}

.range_text[b-8mcetoccee] {
    font-weight: bold;
    margin-top: 2%;
}

.range_input[b-8mcetoccee] {
    scale: 110%;
    outline: auto;
    width: 50%;
    text-align: center;
}

.save_range[b-8mcetoccee] {
    font-size: 100%;
    outline: solid 2px;
    padding: 10px;
    background-color: lightgray;
    width: 100px;
    height: 50px;
    margin-top: 8%;
    margin-bottom: 5%;
}

/*Primary Report Information classes*/
.main_section[b-8mcetoccee] {
    display: flex;
    justify-content: space-evenly;
}

#main_container[b-8mcetoccee] {
    width: 90%;
    border: black 3px solid;
    background-color: white;
    position: relative;
    margin-top: 3%;
    padding-bottom: 0;
}

#selection_message[b-8mcetoccee] {
    text-align: center;
    margin-top: 15px;
}

#date_section[b-8mcetoccee] {
    background-color: white;
    text-align: center;
}

/*Hourly Sales*/
#HS_primary[b-8mcetoccee] {
    text-align: left;
    margin-top: 3.5%;
    display: flex;
    justify-content: space-evenly;
}

/*Hourly Labor*/
#HL_primary[b-8mcetoccee] {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

/*Hourly Labor Detail*/
#HLD_primary[b-8mcetoccee] {
    text-align: center;
    margin-bottom: 20px;
}

.menu_options[b-8mcetoccee] {
    background-color: white;
    border: black 3px solid;
    padding: 10px;
    background-color: lightgray;
    margin-top: 5px;
    margin-bottom: 5px;
    right: 12%;
    position: absolute;
}

.time_options[b-8mcetoccee] {
    border: black 3px solid;
    background-color: white;
}

#time_section[b-8mcetoccee] {
    justify-content: space-evenly;
    display: flex;
}

.input_box[b-8mcetoccee] {
    display: flex;
    justify-content: space-evenly;
}

.selected_time[b-8mcetoccee] {
    border: black 3px solid;
    color: black;
    background-color: lightgray;
}

.header_options[b-8mcetoccee] {
    background: none;
    border: none;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.selected_header[b-8mcetoccee] {
    border: none;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #bf81fe;
    font-weight: bold;
}

.footer_options[b-8mcetoccee] {
    background: none;
    border: none;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.selected_footer[b-8mcetoccee] {
    border: none;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #bf81fe;
    font-weight: bold;
}

/* dropdown button */
.dropbtn[b-8mcetoccee] {
    color: white;
    background-color: gray;
    display: inline;
    padding: 2%;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 100%;
    height: 50px;
}

.dropdown[b-8mcetoccee] {
    width: 43%;
}

/* dropdown content (hidden by default) */
.dropdown-content[b-8mcetoccee] {
    display: none;
    position: relative;
    z-index: 1;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content[b-8mcetoccee] {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn[b-8mcetoccee] {
    background-color: black;
}

.reportButtons[b-8mcetoccee] {
    font-size: 90%;
    outline: solid 2px;
    padding: 15px;
    margin-right: 10px;
    background-color: lightgray;
    height: 35px;
}

/*Secondary Report Information*/
/*HOURLY SALES*/
#hourly_sales[b-8mcetoccee] {
    margin-top: 10px;
    text-align: center;
}

#HS_secondary[b-8mcetoccee] {
    font-weight: bold;
    display: flex;
    margin-bottom: 3%;
    border-bottom: black 2px solid;
    padding-bottom: 0;
}

.hourly_sales_text[b-8mcetoccee] {
    width: 19%;
    padding: 0%;
}

.mini_window[b-8mcetoccee] {
    overflow-y: auto;
}

.report_results[b-8mcetoccee] {
    background-color: white;
}

.report_rows[b-8mcetoccee] {
    display: flex;
    border-bottom: black 2px solid;
}

.hourly_sales_text.results[b-8mcetoccee] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    border-right: black 2px solid;
    margin-left: 0;
    margin-right: 0;
}

/*HOURLY LABOR*/
#hourly_labor[b-8mcetoccee] {
    text-align: center;
}

.HL_secondary[b-8mcetoccee] {
    font-weight: bold;
    display: flex;
    margin-left: 3%;
    margin-bottom: 3%;
    border-bottom: black 2px solid;
}

.hourly_labor_text[b-8mcetoccee] {
    width: 19.5%;
}

    .hourly_labor_text.results[b-8mcetoccee] {
        width: 20%;
        margin-top: 3%;
        margin-bottom: 3%;
        border-right: black 2px solid;
        margin-left: 0;
        margin-right: 0;
    }

/*HOURLY LABOR DETAIL*/
#hourly_labor_detail[b-8mcetoccee] {
    text-align: center;
}

.HLD_secondary[b-8mcetoccee] {
    font-weight: bold;
    display: flex;
    margin-bottom: 3%;
    border-bottom: black 2px solid;
}

/*DETAILED SALES REPORT*/
#detailed_sales_report[b-8mcetoccee] {
    text-align: center;
}

.sales_report[b-8mcetoccee] {
    max-height: 350px;
    overflow-y: auto;
    background-color: white;
}

/*Adjusting classes according to the user's device type*/
@media screen and (max-width: 479px) {
    .menu[b-8mcetoccee] {
        padding-top: 20px;
    }

    .time_options[b-8mcetoccee] {
        width: 100px;
        height: 40px;
        margin: 10px;
    }

    .selected_time[b-8mcetoccee] {
        width: 100px;
        height: 40px;
        margin: 10px;
    }

    .time_box[b-8mcetoccee] {
        width: 350px;
        height: auto;
        margin-top: 10px;
    }

    .date_box[b-8mcetoccee] {
        margin-left: 30px;
    }

    .save_range[b-8mcetoccee] {
        margin-left: 120px;
        height: 40px;
    }

    #main_container[b-8mcetoccee] {
        width: 350px;
    }

    #hourly_sales[b-8mcetoccee] {
        width: 350px;
        margin-top: 20px;
    }

    #date_section[b-8mcetoccee] {
        margin-top: 10px;
    }

    #hourly_labor[b-8mcetoccee] {
        width: 350px;
        margin-top: 20px;
    }

    #hourly_labor_detail[b-8mcetoccee] {
        width: 350px;
        margin-top: 20px;
    }

    #detailed_sales_report[b-8mcetoccee] {
        width: 350px;
    }

    .reportButtons[b-8mcetoccee] {
        scale: 80%;
        margin-right: 0;
        margin-bottom: 5px;
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    .menu[b-8mcetoccee] {
        padding-top: 40px;
    }

    #time_section[b-8mcetoccee] {
        width: 550px;
    }

    #date_section[b-8mcetoccee] {
        margin-top: 10px;
        display: flex;
        justify-content: space-evenly;
    }

    .time_options[b-8mcetoccee] {
        height: 40px;
        width: 100px;
    }

    .time_box[b-8mcetoccee] {
        width: 432px;
        height: auto;
        margin-top: 10px;
    }

    .date_input[b-8mcetoccee] {
        margin-left: 35px;
    }

    .save_range[b-8mcetoccee] {
        margin-top: 25px;
        margin-bottom: 25px;
        margin-left: 140px;
        width: 150px;
        height: 40px;
    }

    .selected_time[b-8mcetoccee] {
        height: 40px;
        width: 100px;
    }

    #main_container[b-8mcetoccee] {
        width: 432px;
        margin-top: 10px;
    }

    #hourly_sales[b-8mcetoccee] {
        margin-top: 20px;
        width: 432px;
        text-align: center;
    }

    #hourly_labor[b-8mcetoccee] {
        margin-top: 20px;
        width: 432px;
        text-align: center;
    }

    #hourly_labor_detail[b-8mcetoccee] {
        margin-top: 20px;
        width: 432px;
        text-align: center;
    }

    #HS_primary[b-8mcetoccee] {
        margin-top: 0;
    }

    #detailed_sales_report[b-8mcetoccee] {
        width: 475px;
        text-align: center;
    }

    .reportButtons[b-8mcetoccee] {
        margin: 0;
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1024px) {

    .menu[b-8mcetoccee] {
        padding-top: 50px;
    }

    .time_options[b-8mcetoccee] {
        height: 40px;
        width: 300px;
    }

    .selected_time[b-8mcetoccee] {
        height: 40px;
        width: 300px;
    }

    #main_container[b-8mcetoccee] {
        margin-top: 20px;
        width: 901px;
    }

    #selection[b-8mcetoccee] {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #date_section[b-8mcetoccee] {
        margin-top: 10px;
        display: flex;
        justify-content: space-evenly;
    }

    .date_text[b-8mcetoccee] {
        margin-top: 0;
    }

        .date_text.results[b-8mcetoccee] {
            margin-top: 15px;
        }

    #HS_primary[b-8mcetoccee] {
        margin-top: 0;
    }

    .range_box[b-8mcetoccee] {
        display: flex;
        justify-content: space-evenly;
    }

    .range_text[b-8mcetoccee] {
        width: 100px;
    }

    .range_input[b-8mcetoccee] {
        width: 200px;
    }

    .range_section[b-8mcetoccee] {
        width: 30%;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .save_range[b-8mcetoccee] {
        margin-top: 25px;
        margin-bottom: 25px;
        width: 150px;
        height: 50px;
    }

    #time_section[b-8mcetoccee] {
        width: 921px;
    }

    #hourly_sales[b-8mcetoccee] {
        margin-top: 20px;
        width: 921px;
        text-align: center;
    }

    #HS_primary[b-8mcetoccee] {
        text-align: left;
        margin-top: 5px;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-evenly;
    }

    #hourly_labor[b-8mcetoccee] {
        margin: 0;
        margin-top: 20px;
        width: 920px;
        text-align: center;
    }

    .HL_secondary[b-8mcetoccee] {
        font-weight: bold;
        display: flex;
        margin: 0;
        margin-bottom: 3%;
        border-bottom: black 2px solid;
    }

    #hourly_labor_detail[b-8mcetoccee] {
        margin: 0;
        margin-top: 20px;
        width: 921px;
        text-align: center;
    }

    #HLD_primary[b-8mcetoccee] {
        text-align: center;
        margin: 0;
        margin-bottom: 30px;
    }

    #detailed_sales_report[b-8mcetoccee] {
        width: 921px;
    }
}

.popover-style[b-8mcetoccee] {
    background-color: black;
    opacity: 100%;
    padding: 1vw;
    width: 55vw;
    border-radius: 10px;
    text-align: center;
}

.message-box-upward[b-8mcetoccee]:after {
    content: '';
    position: absolute;
    opacity: 100%;
    width: 30px; /* Size of the tail */
    height: 20px;
    background: black; /* Match the bubble color */
    /* Use clip-path to create a curved, organic shape */
    clip-path: path('M 0 0 Q 15 10 30 0 Q 20 20 0 20 Z');
    transform: rotate(-60deg); /* Slight rotation for natural look */
}

.message-box-downward[b-8mcetoccee]:after {
    content: '';
    position: absolute;
    opacity: 100%;
    width: 30px; /* Size of the tail */
    height: 20px;
    background: black; /* Match the bubble color */
    /* Use clip-path to create a curved, organic shape */
    clip-path: path('M 0 0 Q 15 10 30 0 Q 20 20 0 20 Z');
    transform: rotate(105deg); /* Slight rotation for natural look */
}

.message-box-upward.top-1[b-8mcetoccee]:after {
    margin-top: -1vh;
    margin-left: 20vw;
}

.message-box-upward.top-2[b-8mcetoccee]:after {
    margin-top: -1vh;
    margin-left: 5vw;
}

.message-box-downward.bottom[b-8mcetoccee]::after {
    left: 150%;
    bottom: -0.8vh;
}

.frame-1[b-8mcetoccee],
.frame-1 *[b-8mcetoccee] {
    box-sizing: border-box;
}

.frame-1[b-8mcetoccee] {
    width: 24px;
    height: 23px;
    position: relative;
    overflow: visible;
    left: 4vw;
}

    .frame-2[b-8mcetoccee],
    .frame-2 *[b-8mcetoccee] {
        box-sizing: border-box;
    }

.frame-2[b-8mcetoccee] {
    width: 24px;
    height: 23px;
    position: relative;
    overflow: visible;
    left: 18vw;
}

.arrow[b-8mcetoccee],
.arrow *[b-8mcetoccee] {
    box-sizing: border-box;
}

.arrow[b-8mcetoccee] {
    width: 24px;
    height: 23px;
    position: relative;
    transform: translate(-0.09px, -0.5px);
    overflow: visible;
    left: 10vw;
}

/* /Pages/Home.razor.rz.scp.css */
/*The container for the login prompt (text fields, button)*/
.login[b-9nry29dd3k] {
    width: 300px;
    position: relative;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    font-size: 120%;
}

/*The container for the credentials input (username/password labels & text fields)*/
.input_row[b-9nry29dd3k] {
    margin-bottom: 10px;
    padding-bottom: 5%;
    color: white;
}

/*Adjusting classes according to the user's device type*/

/*Mobile*/
@media screen and (max-width: 479px) {
    .header[b-9nry29dd3k] {
        padding-top: 10px;
        padding-bottom: 5px;
    }
}

/*Tablet*/
@media screen and (min-width: 480px) and (max-width: 1023px) {
    .login[b-9nry29dd3k] {
        margin-top: 80px;
        width: 480px;    
    }

    .header[b-9nry29dd3k] {
        padding-top: 5px;
        padding-bottom: 2px;
    }
}

/*Desktop*/
@media screen and (min-width: 1024px) {
    .login[b-9nry29dd3k]{
        margin-top: 100px;
        width: 500px;
    }

    .header[b-9nry29dd3k] {
        padding-top: 10px;
        padding-bottom: 5px;
    }
}
/* /Pages/LocationSelect.razor.rz.scp.css */
/*Mobile*/
@media screen and (max-width: 479px) {
    .header[b-jo1qkwi65p] {
        padding-top: 10px;
        padding-bottom: 5px;
    }
}

/*Tablet*/
@media screen and (min-width: 480px) and (max-width: 1023px) {

    .header[b-jo1qkwi65p] {
        padding-top: 5px;
        padding-bottom: 2px;
    }
}

/*Desktop*/
@media screen and (min-width: 1024px) {

    .header[b-jo1qkwi65p] {
        padding-top: 10px;
        padding-bottom: 5px;
    }
}
/* /Pages/Report Sections/AreaSalesReport.razor.rz.scp.css */
/* main container for the area sales section */
#area_sales[b-n4znb0hoiq] {
    margin-top: 10px;
    text-align: center;
}

/* titles for each column in the sales report */
.area-sales-titles[b-n4znb0hoiq] {
    display: flex;
    font-weight: bold;
    font-size: 75%;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-bottom: 4px;
    margin-left: 20px;
    margin-right: 20px;
}

/* text for each title and result column */
.area_sales_text[b-n4znb0hoiq] {
    width: 19%; /* adjusted for even spacing */
    padding: 0%;
}

/* container for the scrollable window with dynamic height */
.scrollable-window[b-n4znb0hoiq] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* individual rows of the report */
.report_rows[b-n4znb0hoiq] {
    display: flex;
    border-bottom: 1px solid black;
}

/* style for each report entry (individual cells) */
.area_sales_text.results[b-n4znb0hoiq] {
     width: 20%; /* adjusted for consistency */
    margin: 3% 0;
}

/* styling for each result row */
.report_results[b-n4znb0hoiq] {
    background-color: #FFFDDE;
}

/*styling for the final row of data totals*/
    .report_results.summary[b-n4znb0hoiq] {
        font-weight: bold;
        font-size: 75%;
        background-color: #E2D1B8;
        color: black;
        margin-left: 20px;
        margin-right: 20px;
    }

/*styling for the divider under the header */
.area-sales-divider[b-n4znb0hoiq] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* style for header */
.area-sales-header[b-n4znb0hoiq] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* error message styling */
.error-message[b-n4znb0hoiq] {
    color: red;
    margin-top: 150px;
}

/* spinner styling */
.spinner[b-n4znb0hoiq] {
    font-size: 10pt;
    width: 50px;
    height: 50px;
    color: darkorange;
    animation-duration: 0.5s;
    margin-top: 45vh;
}

/* no information available text */
.no-info-text[b-n4znb0hoiq] {
    color: red;
    margin-top: 20vh;
}
/* /Pages/Report Sections/ARSReport.razor.rz.scp.css */
/* general report container */
.report-container[b-x3q4zqr363] {
    text-align: center;
}

/* title styling */
.report-title[b-x3q4zqr363] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-x3q4zqr363] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* container for the data */
.scrollable-window[b-x3q4zqr363] {
    background-color: white;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 2vw;
    margin-right: 2vw;
}

/* styling for the report data */
.report-data[b-x3q4zqr363] {
    background-color: white;
    font-size: xx-small;
    margin-left: 1vw;
    margin-right: 1vw;
    transform-origin: top center;
}

/* error message styling */
.error-message[b-x3q4zqr363] {
    margin-top: 16vh;
    color: red;
}

/* spinner styling */
.spinner-border[b-x3q4zqr363] {
    font-size: 10pt;
    width: 50px;
    height: 50px;
    color: darkorange;
    animation-duration: 0.5s;
    margin-top: 45vh;
}
/* /Pages/Report Sections/CompsReport.razor.rz.scp.css */
/* general report container */
.report-container[b-1s15pm9r31] {
    text-align: center;
}

/* title styling */
.report-title[b-1s15pm9r31] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-1s15pm9r31] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-1s15pm9r31] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-1s15pm9r31] {
    width: 20%;
}

/* container for report's data */
.scrollable-window[b-1s15pm9r31] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-1s15pm9r31] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

/* general style for report data */
.data-text[b-1s15pm9r31] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* style for the 'reason' data category */
.data-text.reason[b-1s15pm9r31] {
    font-size: 90%
}

/* style of the message of empty data */
.empty-message[b-1s15pm9r31] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-1s15pm9r31] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-1s15pm9r31] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-1s15pm9r31] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/Report Sections/CreditCardListReport.razor.rz.scp.css */
/* general report container */
.report-container[b-myto8qz55g] {
    text-align: center;
}

/* title styling */
.report-title[b-myto8qz55g] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-myto8qz55g] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-myto8qz55g] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-myto8qz55g] {
    width: 20%;
}

/* container for report's data */
.scrollable-window[b-myto8qz55g] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-myto8qz55g] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

/* general style for report data */
.data-text[b-myto8qz55g] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* style of the message of empty data */
.empty-message[b-myto8qz55g] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-myto8qz55g] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-myto8qz55g] {
    margin-top: 150px;
    color: red;
}
/* /Pages/Report Sections/CreditCardSummaryReport.razor.rz.scp.css */
/* general report container */
.report-container[b-hd6inrd17i] {
    text-align: center;
}

/* title styling */
.report-title[b-hd6inrd17i] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-hd6inrd17i] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-hd6inrd17i] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* bottom row of data that contains the total of the columns */
    .report-column.totals[b-hd6inrd17i] {
        font-size: 70%;
        padding-top: 0
    }

/* category text */
.column-text[b-hd6inrd17i] {
    width: 18%;
}

/* container for report's data */
.scrollable-window[b-hd6inrd17i] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-hd6inrd17i] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

/* general style for report data */
.data-text[b-hd6inrd17i] {
    width: 16.667%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* style of the message of empty data */
.empty-message[b-hd6inrd17i] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-hd6inrd17i] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-hd6inrd17i] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-hd6inrd17i] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}

/* /Pages/Report Sections/DaysReport.razor.rz.scp.css */
/* general report container */
.report-container[b-nvof3use1u] {
    text-align: center;
}

/* title styling */
.report-title[b-nvof3use1u] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-nvof3use1u] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-nvof3use1u] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-nvof3use1u] {
    width: 20%;
}

/* container for report's data */
.scrollable-window[b-nvof3use1u] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-nvof3use1u] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

/* general style for report data */
.data-text[b-nvof3use1u] {
    width: 30%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 3%;
    margin-right: 3%;
}

/* style of the message of empty data */
.empty-message[b-nvof3use1u] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-nvof3use1u] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-nvof3use1u] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-nvof3use1u] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/Report Sections/DeletesReport.razor.rz.scp.css */
/* general report container */
.report-container[b-5gxyi7uvsk] {
    text-align: center;
}

/* title styling */
.report-title[b-5gxyi7uvsk] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-5gxyi7uvsk] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-5gxyi7uvsk] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-5gxyi7uvsk] {
    width: 20%;
}

/* container for report's data */
.scrollable-window[b-5gxyi7uvsk] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-5gxyi7uvsk] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

/* general style for report data */
.data-text[b-5gxyi7uvsk] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* style for the 'reason' data category */
.data-text.reason[b-5gxyi7uvsk] {
    font-size: 90%
}

/* style of the message of empty data */
.empty-message[b-5gxyi7uvsk] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-5gxyi7uvsk] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-5gxyi7uvsk] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-5gxyi7uvsk] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/Report Sections/DiscountsReport.razor.rz.scp.css */
/* general report container */
.report-container[b-bqd708wiza] {
    text-align: center;
}

/* title styling */
.report-title[b-bqd708wiza] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-bqd708wiza] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-bqd708wiza] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-bqd708wiza] {
    width: 20%;
}

/* container for report's data */
.scrollable-window[b-bqd708wiza] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-bqd708wiza] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

/* general style for report data */
.data-text[b-bqd708wiza] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

    /* style for the 'reason' data category */
    .data-text.reason[b-bqd708wiza] {
        font-size: 90%
    }

/* style of the message of empty data */
.empty-message[b-bqd708wiza] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-bqd708wiza] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-bqd708wiza] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-bqd708wiza] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/Report Sections/GeneralReport.razor.rz.scp.css */
#left-static-columns[b-9n08frcnwo], #right-horizontal-scrollable-columns[b-9n08frcnwo] {
    width: 100%;
}

.HL_secondary[b-9n08frcnwo] {
    width: 100%;
    font-weight: bold;
    display: flex;
    background-color: transparent;
    color: black;
    border-bottom: black 2px solid;
    padding-top: 0;
    margin: 0 auto;
}

.hourly_labor_text[b-9n08frcnwo] {
    width: 50%;
    text-align: center;
    
    margin-top: 1.5vh;
    margin-bottom: 1.5vh;
}

    .hourly_labor_text.results[b-9n08frcnwo] {
        width: 100%;

    }

.mini_window[b-9n08frcnwo] {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 10vh;
    width: 100%;
}

.report_results[b-9n08frcnwo] {
    background-color: transparent;
    min-width: 100vw;
}

.report_rows[b-9n08frcnwo] {
    display: flex;
    border-bottom: black 1px solid;
}

.columns-container[b-9n08frcnwo] {
    display: flex;
    justify-content: center;
}

.column[b-9n08frcnwo] {
    flex: 1;
    padding: 10px;
}

#left-static-columns[b-9n08frcnwo] {
    overflow-x: hidden;
}

#right-horizontal-scrollable-columns[b-9n08frcnwo] {
    overflow-x: auto;
}
/* /Pages/Report Sections/HourlyLaborReport.razor.rz.scp.css */
/* general report container */
.report-container[b-teykzwb77v] {
    text-align: center;
}

/* title styling */
.report-title[b-teykzwb77v] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-teykzwb77v] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-teykzwb77v] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-teykzwb77v] {
    width: 20%;
}

/* container for report's data */
.scrollable-window[b-teykzwb77v] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-teykzwb77v] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

    /* text within the container for main data */
    .report-rows.body[b-teykzwb77v] {
        background-color: #FFFDDE;
        font-size: 70%
    }

    /* text within the final row with the data totals */
    .report-rows.totals[b-teykzwb77v] {
        border: none;
        text-align: center;
        font-size: 80%;
        background-color: #E2D1B8;
    }

/* container for the totals of the results */
.report-results.totals[b-teykzwb77v] {
    margin-left: 20px;
    margin-right: 20px;
    z-index: -1;
}

/* general style for report data */
.data-text[b-teykzwb77v] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* style of the message of empty data */
.empty-message[b-teykzwb77v] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-teykzwb77v] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-teykzwb77v] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-teykzwb77v] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}

#hourly_labor[b-teykzwb77v] {
    text-align: center;
}

.footer-group[b-teykzwb77v] {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 80vw;
    margin-top: 2vh;
    margin-left: 10vw;
    margin-right: 10vw;
}

    .footer-group-totals[b-teykzwb77v] {
        text-align: center;
        width: 30%;
    }

.totals-1[b-teykzwb77v] {
    color: limegreen;
    width: 50%;
}

.totals-2[b-teykzwb77v] {
    color: yellow;
    width: 50%;
    margin-top: -1.5vh;
}

    .footer-group-graph[b-teykzwb77v] {
        background-color: white;
        width: 70%;
        height: 5vh;
        border-radius: 20px 20px 20px 20px;
    }

.graph-div[b-teykzwb77v] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
}

.graph-image[b-teykzwb77v] {
    width: 25vw;
    max-width: 100px;
    height: 4vh;
    display: block;
    margin: 0 5px;
}

.graph-text[b-teykzwb77v] {
    color: black;
    margin: 0 5px;
}

.header-section[b-teykzwb77v] {
    width: auto;
    font-weight: bold;
    display: flex;
    background-color: white;
    color: black;
    border-bottom: black 2px solid;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #E2D1B8;
}

.hourly-labor-text[b-teykzwb77v] {
    width: 19.5%;
}

    .hourly-labor-text.results[b-teykzwb77v] {
        width: 20%;
        margin-top: 3%;
        margin-bottom: 3%;
        margin-left: 0;
        margin-right: 0;
    }

.report-results[b-teykzwb77v] {
    background-color: white;
}


.report-rows[b-teykzwb77v] {
    display: flex;
    border-bottom: black 2px solid;
    background-color: #FFFDDE;
    font-size: 80%;
}

.zoomable-content.bar-chart[b-teykzwb77v]{
    background-color: white;
    margin-top: 2vh;
    margin-left: 10vw;
    margin-right: 10vw;
    height: 50vh;
    overflow-x: auto;
    overflow-y: hidden;
}

.bar-chart-main-div[b-teykzwb77v] {
    width: 100%;
    height: auto;
}

.bar-chart-second-div[b-teykzwb77v] {
    width: 100%;
    margin-top: 5vh;
}

.bar-chart-container[b-teykzwb77v] {
    width: 1200px;
}

.zoomable-content.line-chart[b-teykzwb77v] {
    background-color: white;
    margin-top: 2vh;
    margin-left: 10vw;
    margin-right: 10vw;
    height: 50vh;
    overflow-x: auto;
    overflow-y: hidden;
}

.line-chart-main-div[b-teykzwb77v] {
    width: 100%;
    height: auto;
}

.line-chart-second-div[b-teykzwb77v] {
    width: 100%;
    margin-top: 5vh;
}

.line-chart-container[b-teykzwb77v] {
    width: 1500px;
    display: flex;
    justify-content: space-evenly;
}

.chart-buttons-section[b-teykzwb77v] {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-left: 10vw;
    margin-right: 10vw;
    width: auto;
}

.report-button[b-teykzwb77v] {
    background-color: white;
    color: black;
    width: 50vw;
    max-width: 300px;
    height: 5vh;
    font-weight: bold;
    border-radius: 20px 20px 20px 20px;
    margin-top: 3vh;
}

.line-chart-button[b-teykzwb77v] {
    height: 5vh;
    width: 50vw;
    background-color: lightgray;
    color: black;
    margin-top: 3vh;
    font-weight: bold;
    border-radius: 20px 20px 20px 20px;
    margin-top: 3vh;
}

.bar-chart-button[b-teykzwb77v] {
    height: 5vh;
    width: 50vw;
    background-color: lightgray;
    color: black;
    margin-top: 3vh;
    font-weight: bold;
    border-radius: 20px 20px 20px 20px;
    margin-top: 3vh;
}
/* /Pages/Report Sections/HourlySalesReport.razor.rz.scp.css */
/* general report container */
.report-container[b-9as9p31hbm] {
    text-align: center;
}

/* title styling */
.report-title[b-9as9p31hbm] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-9as9p31hbm] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-9as9p31hbm] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-9as9p31hbm] {
    width: 15%;
}

/* container for report's data */
.scrollable-window[b-9as9p31hbm] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-9as9p31hbm] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

    /* text within the container for main data */
    .report-rows.body[b-9as9p31hbm] {
        background-color: #FFFDDE;
        font-size: 70%
    }

    /* text within the final row with the data totals */
    .report-rows.totals[b-9as9p31hbm] {
        border: none;
        text-align: center;
        font-size: 80%;
        background-color: #E2D1B8;
    }

/* container for the totals of the results */
.report-results.totals[b-9as9p31hbm] {
    margin-left: 20px;
    margin-right: 20px;
    z-index: -1;
}

/* general style for report data */
.data-text[b-9as9p31hbm] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* style of the message of empty data */
.empty-message[b-9as9p31hbm] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-9as9p31hbm] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-9as9p31hbm] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-9as9p31hbm] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/Report Sections/HoursReport.razor.rz.scp.css */
/* general report container */
.report-container[b-emr3a7zejc] {
    text-align: center;
}

/* title styling */
.report-title[b-emr3a7zejc] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-emr3a7zejc] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-emr3a7zejc] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-emr3a7zejc] {
    width: 34%;
}

/* container for report's data */
.scrollable-window[b-emr3a7zejc] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-emr3a7zejc] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

    .report-rows.data[b-emr3a7zejc] {
        background-color: #FFFDDE;
        text-align: center
    }

/* general style for report data */
.data-text[b-emr3a7zejc] {
    width: 34%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* style for any error messages */
.error-message[b-emr3a7zejc] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-emr3a7zejc] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/Report Sections/MonthsReport.razor.rz.scp.css */
/* general report container */
.report-container[b-2r27t5o6v3] {
    text-align: center;
}

/* title styling */
.report-title[b-2r27t5o6v3] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-2r27t5o6v3] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-2r27t5o6v3] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-2r27t5o6v3] {
    width: 34%;
}

/* container for report's data */
.scrollable-window[b-2r27t5o6v3] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-2r27t5o6v3] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

    .report-rows.data[b-2r27t5o6v3] {
        background-color: #FFFDDE;
        text-align: center
    }

/* general style for report data */
.data-text[b-2r27t5o6v3] {
    width: 34%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* style for any error messages */
.error-message[b-2r27t5o6v3] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-2r27t5o6v3] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/Report Sections/PaymentsReport.razor.rz.scp.css */
/* general report container */
.report-container[b-4j1ujtryp1] {
    text-align: center;
}

/* title styling */
.report-title[b-4j1ujtryp1] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-4j1ujtryp1] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-4j1ujtryp1] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-4j1ujtryp1] {
    width: 20%;
}

/* container for report's data */
.scrollable-window[b-4j1ujtryp1] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-4j1ujtryp1] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

/* general style for report data */
.data-text[b-4j1ujtryp1] {
    width: 30%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 3%;
    margin-right: 3%;
}

/* style of the message of empty data */
.empty-message[b-4j1ujtryp1] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-4j1ujtryp1] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-4j1ujtryp1] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-4j1ujtryp1] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/Report Sections/PayrollReport.razor.rz.scp.css */
#hourly_sales[b-s5er2uwtgj] {
    margin-top: 10px;
    text-align: center;
}

#HS_secondary[b-s5er2uwtgj] {
    width: auto;
    font-weight: bold;
    justify-content: space-evenly;
    display: flex;
    background-color: white;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.hourly_sales_text[b-s5er2uwtgj] {
    padding: 0%;
    text-align: center;
}

.mini_window[b-s5er2uwtgj] {
    overflow-y: auto;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

.report_rows[b-s5er2uwtgj] {
    display: flex;
    justify-content: space-evenly;
    border-bottom: black 1px solid;
}

.hourly_sales_text.results[b-s5er2uwtgj] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

.message-box-upward[b-s5er2uwtgj]:after {
    content: '';
    position: absolute;
    opacity: 100%;
    width: 30px; /* Size of the tail */
    height: 20px;
    background: black; /* Match the bubble color */
    /* Use clip-path to create a curved, organic shape */
    clip-path: path('M 0 0 Q 15 10 30 0 Q 20 20 0 20 Z');
    transform: rotate(-60deg); /* Slight rotation for natural look */
}

.message-box-downward[b-s5er2uwtgj]:after {
    content: '';
    position: absolute;
    opacity: 100%;
    width: 30px; /* Size of the tail */
    height: 20px;
    background: black; /* Match the bubble color */
    /* Use clip-path to create a curved, organic shape */
    clip-path: path('M 0 0 Q 15 10 30 0 Q 20 20 0 20 Z');
    transform: rotate(105deg); /* Slight rotation for natural look */
}

.message-box-upward.top[b-s5er2uwtgj]:after {
    margin-left: -45%;
    margin-right: 80%;
}

.message-box-downward.bottom-1[b-s5er2uwtgj]::after {
    margin-right: 50%;
    bottom: -0.5vh;
}

.message-box-downward.bottom-2[b-s5er2uwtgj]::after {
    bottom: 0.8vh;
    right: 5vw;
}

.list-container[b-s5er2uwtgj] {
    overflow: hidden; /* Clip the banner during animation */
    position: relative; /* For absolute positioning of banner */
    transition: transform 0.3s ease-in-out; /* Smooth slide animation */
}
/* /Pages/Report Sections/ProductGroupsSummaryReport.razor.rz.scp.css */
/* general report container */
.report-container[b-v4jjlxl9ga] {
    text-align: center;
}

/* title styling */
.report-title[b-v4jjlxl9ga] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-v4jjlxl9ga] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-v4jjlxl9ga] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-v4jjlxl9ga] {
    width: 20%;
}

/* container for report's data */
.scrollable-window[b-v4jjlxl9ga] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-v4jjlxl9ga] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 60%;
}

/* general style for report data */
.data-text[b-v4jjlxl9ga] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

    /* style for the 'reason' data category */
    .data-text.reason[b-v4jjlxl9ga] {
        font-size: 90%
    }

/* style of the message of empty data */
.empty-message[b-v4jjlxl9ga] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* style for any error messages */
.error-message[b-v4jjlxl9ga] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-v4jjlxl9ga] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/Report Sections/ProductMixReport.razor.rz.scp.css */
.report-container[b-m3gh2q4agn] {
    text-align: center;
}

.report-title[b-m3gh2q4agn] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 2vh;
}

.product-mix-header[b-m3gh2q4agn] {
    display: flex;
    justify-content: space-evenly;
    background-color: white;
    color: black;
    margin: 0 3vw;
    padding-top: 0.4vh;
    height: 3.5vh;
    width: auto;
    border-radius: 5px;
}

.header-text[b-m3gh2q4agn] {
    flex: 1;
    text-align: center;
}

.scrollable-window[b-m3gh2q4agn] {
    overflow-y: auto;
    max-height: 60vh;
    margin: 0 3vw;
    background-color: transparent;
    font-size: 80%;
}

.product-mix-button[b-m3gh2q4agn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    width: 100%;
    height: 5vh;
    margin-bottom: 0.5vh;
}

.group-button[b-m3gh2q4agn] {
    background-color: #E2D1B8;
    color: black;
}

.category-button[b-m3gh2q4agn] {
    background-color: #FFFDDE;
    color: black;
    margin-left: 2vw;
    width: 97%;
}

.button-column[b-m3gh2q4agn] {
    flex: 1;
    text-align: center;
}

.nested-window[b-m3gh2q4agn] {
    margin-bottom: 0.5vh;
}

.report-results[b-m3gh2q4agn] {
    width: 97%;
    margin-left: 2vw;
}

.report-rows[b-m3gh2q4agn] {
    display: flex;
    justify-content: space-between;
    text-align: center;
    border-bottom: 1px solid black;
    background-color: white;
}

.data-text[b-m3gh2q4agn] {
    flex: 1;
    text-align: center;
    margin-top: 2vh;
}

.no-data-message[b-m3gh2q4agn] {
    color: red;
    margin-top: 5vh;
}

.error-container[b-m3gh2q4agn] {
    text-align: center;
}

.error-message[b-m3gh2q4agn] {
    margin-top: 150px;
    color: red;
}

.loading-spinner[b-m3gh2q4agn] {
    font-size: 10pt;
    width: 50px;
    height: 50px;
    color: darkorange;
    animation-duration: 0.5s;
    margin-top: 45vh;
}
/* /Pages/Report Sections/RefundsReport.razor.rz.scp.css */
/* general report container */
.report-container[b-t17jiz5ov4] {
    text-align: center;
}

/* title styling */
.report-title[b-t17jiz5ov4] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-t17jiz5ov4] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-t17jiz5ov4] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-t17jiz5ov4] {
    width: 20%;
}

/* container for report's data */
.scrollable-window[b-t17jiz5ov4] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-t17jiz5ov4] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

    /* text within the container for main data */
    .report-rows.body[b-t17jiz5ov4] {
        background-color: #FFFDDE;
        font-size: 70%
    }

    /* text within the final row with the data totals */
    .report-rows.totals[b-t17jiz5ov4] {
        border: none;
        text-align: center;
        font-size: 80%;
        background-color: #E2D1B8;
    }

/* container for the totals of the results */
.report-results.totals[b-t17jiz5ov4] {
    margin-left: 20px;
    margin-right: 20px;
    z-index: -1;
}

/* general style for report data */
.data-text[b-t17jiz5ov4] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* style of the message of empty data */
.empty-message[b-t17jiz5ov4] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-t17jiz5ov4] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-t17jiz5ov4] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-t17jiz5ov4] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/Report Sections/SummarySalesReport.razor.rz.scp.css */
#hourly_sales[b-a7bnnzkat9] {
    margin-top: 10px;
    text-align: center;
}

#HS_secondary[b-a7bnnzkat9] {
    width: auto;
    font-weight: bold;
    display: flex;
    background-color: white;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.hourly_sales_text[b-a7bnnzkat9] {
    width: 19%;
    padding: 0%;
}

.report_results[b-a7bnnzkat9] {
    background-color: white;
}

.report_rows[b-a7bnnzkat9] {
    display: flex;
    border-bottom: black 1px solid;
}

.hourly_sales_text.results[b-a7bnnzkat9] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* general report container */
.report-container[b-a7bnnzkat9] {
    text-align: center;
}

/* title styling */
.report-title[b-a7bnnzkat9] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-a7bnnzkat9] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

.no-info-div[b-a7bnnzkat9] {
    text-align: center;
    width: auto;
    margin-left: 15vw;
    margin-right: 15vw;
}

.high-importance-message[b-a7bnnzkat9] {
    margin-top: 150px;
    color: red;
}

.scrollable-div[b-a7bnnzkat9] {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 55vh;
    margin-bottom: 3px;
}

.gross-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
    margin: 0;
}

.gross-style[b-a7bnnzkat9] {
    color: limegreen;
    white-space: nowrap;
    width: 25vw;
    height: 0.5vh
}

.refund-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
}

.refund-button[b-a7bnnzkat9] {
    text-decoration: underline;
    color: red;
    width: 25vw;
    text-align: left;
    display: block;
}

.refund-style[b-a7bnnzkat9] {
    color: red;
    white-space: nowrap;
    width: 25vw;
    text-align: right;
    height: 0.5vh;
}

.comp-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
    margin: 0;
}

.comp-button[b-a7bnnzkat9] {
    text-decoration: underline;
    color: red;
    width: 25vw;
    text-align: left;
    display: block;
}

.comp-style[b-a7bnnzkat9] {
    color: red;
    white-space: nowrap;
    width: 25vw;
    text-align: right;
    height: 0.5vh;
}

.discount-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
    margin: 0;
}

.discount-button[b-a7bnnzkat9] {
    text-decoration: underline;
    color: red;
    width: 25vw;
    text-align: left;
    display: block;
}

.discount-style[b-a7bnnzkat9] {
    color: red;
    white-space: nowrap;
    width: 25vw;
    text-align: right;
    height: 0.5vh;
}

.net-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
    margin: 0;
}

.net-style-1[b-a7bnnzkat9] {
    color: yellow;
    width: 25vw;
    text-align: left;
    height: 0.5vh;
}

.net-style-2[b-a7bnnzkat9] {
    color: yellow;
    white-space: nowrap;
    width: 25vw;
    text-align: right;
    height: 0.5vh;
}

.line-separator-1[b-a7bnnzkat9] {
    color: white;
    border-bottom: white 2px dashed;
    margin-left: 15vw;
    margin-right: 15vw;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

.gift-cert-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
    margin-top: 1vh;
}

.gift-cert-style[b-a7bnnzkat9] {
    color: limegreen;
    white-space: nowrap;
    width: 25vw;
    height: 0.5vh;
}

.gift-card-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
}

.gift-card-style[b-a7bnnzkat9] {
    color: limegreen;
    white-space: nowrap;
    width: 25vw;
    height: 0.5vh;
}

.line-separator-2[b-a7bnnzkat9] {
    color: white;
    border-bottom: white 2px solid;
    margin-left: 15vw;
    margin-right: 15vw;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

.sales-tax-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
}

.sales-tax-style-1[b-a7bnnzkat9] {
    color: limegreen;
    white-space: nowrap;
    width: 25vw;
    text-align: left;
    height: 0.5vh;
}

.sales-tax-style-2[b-a7bnnzkat9] {
    color: limegreen;
    width: 25vw;
    text-align: right;
    height: 0.5vh;
}

.delivery-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
}

.delivery-style[b-a7bnnzkat9] {
    color: limegreen;
    width: 25vw;
    height: 0.5vh;
}

.conv-fee-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
}

.conv-fee-style[b-a7bnnzkat9] {
    color: limegreen;
    white-space: nowrap;
    width: 25vw;
    height: 0.5vh;
}

.gratuity-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 0.75vh;
}

.gratuity-style[b-a7bnnzkat9] {
    color: limegreen;
    width: 25vw;
    height: 0.5vh
}

.line-separator-3[b-a7bnnzkat9] {
    color: white;
    border-bottom: white 2px dashed;
    margin-left: 15vw;
    margin-right: 15vw;
    margin-bottom: 1vh;
}

.receipts-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 1vh;
}

.receipts-styles[b-a7bnnzkat9] {
    color: yellow;
    white-space: nowrap;
    width: 25vw;
    height: 0.5vh;
}

.line-separator-4[b-a7bnnzkat9] {
    color: white;
    border-bottom: white 2px solid;
    margin-left: 15vw;
    margin-right: 15vw;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

.payment-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 0.5vh;
}

.payment-button[b-a7bnnzkat9] {
    text-decoration: underline;
    color: white;
    width: 25vw;
    white-space: nowrap;
    text-align: left;
    display: block;
}

.payment-amount-style[b-a7bnnzkat9] {
    color: white;
    width: 25vw;
    white-space: nowrap;
    text-align: right;
    height: 0.5vh;
}

.payment-item[b-a7bnnzkat9] {
    color: white;
    width: 25vw;
    white-space: nowrap;
    display: block;
    height: 0.5vh;
}

.line-separator-5[b-a7bnnzkat9] {
    color: white;
    border-bottom: white 2px solid;
    margin-left: 15vw;
    margin-right: 15vw;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

.cash-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
}

.cash-style[b-a7bnnzkat9] {
    color: limegreen;
    white-space: nowrap;
    width: 25vw;
    height: 0.5vh;
}

.tips-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
}

.tips-style[b-a7bnnzkat9] {
    color: red;
    white-space: nowrap;
    width: 25vw;
    height: 0.5vh;
}

.gratuity-2-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
}

.gratuity-2-style[b-a7bnnzkat9] {
    color: red;
    white-space: nowrap;
    width: 25vw;
    height: 0.5vh;
}

.netcash-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 2vh;
}

.netcash-style[b-a7bnnzkat9] {
    color: yellow;
    white-space: nowrap;
    width: 25vw;
    height: 0.5vh;
}

.line-separator-6[b-a7bnnzkat9] {
    color: white;
    border-bottom: white 2px dashed;
    margin-left: 15vw;
    margin-right: 15vw;
    margin-bottom: 1vh;
}

.void-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
    margin: 0
}

.void-button[b-a7bnnzkat9] {
    text-decoration: underline;
    color: orange;
    width: 25vw;
    text-align: left;
    display: block;
}

.void-style[b-a7bnnzkat9] {
    color: orange;
    width: 25vw;
    text-align: right;
    height: 0.5vh;
}

.deletes-section[b-a7bnnzkat9] {
    display: flex;
    justify-content: space-evenly;
    margin: 0;
}

.deletes-button[b-a7bnnzkat9] {
    text-decoration: underline;
    color: orange;
    width: 25vw;
    text-align: left;
    display: block;
}

.deletes-style[b-a7bnnzkat9] {
    color: orange;
    width: 25vw;
    text-align: right;
    height: 0.5vh
}

.back-button[b-a7bnnzkat9] {
    position: absolute;
    left: 10vw;
    top: 16vh;
    color: white;
}
/* /Pages/Report Sections/TicketsReport.razor.rz.scp.css */
/* general report container */
.report-container[b-0gn2bcbqrj] {
    text-align: center;
}

/* title styling */
.report-title[b-0gn2bcbqrj] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-0gn2bcbqrj] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-0gn2bcbqrj] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-0gn2bcbqrj] {
    width: 20%;
}

/* container for report's data */
.scrollable-window[b-0gn2bcbqrj] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-0gn2bcbqrj] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

    /* text within the container for main data */
    .report-rows.body[b-0gn2bcbqrj] {
        background-color: #FFFDDE;
        font-size: 70%
    }

    /* text within the final row with the data totals */
    .report-rows.totals[b-0gn2bcbqrj] {
        border: none;
        text-align: center;
        font-size: 80%;
        background-color: #E2D1B8;
    }

/* container for the totals of the results */
.report-results.totals[b-0gn2bcbqrj] {
    margin-left: 20px;
    margin-right: 20px;
    z-index: -1;
}

/* general style for report data */
.data-text[b-0gn2bcbqrj] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* style of the message of empty data */
.empty-message[b-0gn2bcbqrj] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-0gn2bcbqrj] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-0gn2bcbqrj] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-0gn2bcbqrj] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/Report Sections/VoidsReport.razor.rz.scp.css */
/* general report container */
.report-container[b-c10i4k4h1j] {
    text-align: center;
}

/* title styling */
.report-title[b-c10i4k4h1j] {
    color: white;
    margin-top: 15vh;
    margin-bottom: 1vh;
}

/* gradient divider line */
.report-divider[b-c10i4k4h1j] {
    margin-left: 10vw;
    margin-bottom: 2vh;
    width: 80vw;
    height: 0.25vh;
    background: linear-gradient(to right, rgba(255, 165, 0, 0) 0%, rgba(255, 165, 0, 0.8) 25%, rgba(255, 165, 0, 0.8) 75%, rgba(255, 165, 0, 0) 100%);
}

/* styling for the category labels for the columns */
.report-column[b-c10i4k4h1j] {
    width: auto;
    font-weight: bold;
    display: flex;
    justify-content: space-evenly;
    background-color: #E2D1B8;
    color: black;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

/* category text */
.column-text[b-c10i4k4h1j] {
    width: 20%;
}

/* container for report's data */
.scrollable-window[b-c10i4k4h1j] {
    overflow-y: auto;
    max-height: 60vh;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 3px;
}

/* group the text for each data row */
.report-rows[b-c10i4k4h1j] {
    display: flex;
    border-bottom: black 1px solid;
    background-color: #FFFDDE;
    text-align: center;
    font-size: 80%;
}

    /* text within the container for main data */
    .report-rows.body[b-c10i4k4h1j] {
        background-color: #FFFDDE;
        font-size: 70%
    }

    /* text within the final row with the data totals */
    .report-rows.totals[b-c10i4k4h1j] {
        border: none;
        text-align: center;
        font-size: 80%;
        background-color: #E2D1B8;
    }

/* container for the totals of the results */
.report-results.totals[b-c10i4k4h1j] {
    margin-left: 20px;
    margin-right: 20px;
    z-index: -1;
}

/* general style for report data */
.data-text[b-c10i4k4h1j] {
    width: 20%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
}

/* style of the message of empty data */
.empty-message[b-c10i4k4h1j] {
    margin-top: 20vh;
    color: red;
    font-size: 120%;
    margin-left: 10vw;
    margin-right: 10vw;
}

/* text for the page navigation */
.page-count[b-c10i4k4h1j] {
    margin-top: 1vh;
    color: white;
    font-size: 120%;
}

/* style for any error messages */
.error-message[b-c10i4k4h1j] {
    margin-top: 150px;
    color: red;
}

/* no information available text */
.no-info-text[b-c10i4k4h1j] {
    color: red;
    font-size: 20px;
    margin-top: 20vh;
}
/* /Pages/UI Components/Dialog.razor.rz.scp.css */
@media screen and (orientation: landscape) {   
}
/* /Pages/UI Components/ModifyTimeEntry.razor.rz.scp.css */
@media screen and (orientation: landscape) {
    body[b-8n330kqqju] {
        display: none;
    }

    #dialog-component[b-8n330kqqju] {
        display: none;
    }
}
/* /Pages/UI Components/NewTimeEntry.razor.rz.scp.css */
@media screen and (orientation: landscape) {
    body[b-z86z6w17hd] {
        display: none;
    }

    #dialog-component[b-z86z6w17hd] {
        display: none;
    }
}
/* /Pages/UI Components/PayrollEmployee.razor.rz.scp.css */
@media screen and (orientation: landscape) {
    body[b-6i9efrwebo] {
        display: none;
    }

    #dialog-component[b-6i9efrwebo]{
        display: none;
    }
}

.message-box-upward[b-6i9efrwebo]:after {
    content: '';
    position: absolute;
    opacity: 100%;
    width: 30px; /* Size of the tail */
    height: 20px;
    background: black; /* Match the bubble color */
    /* Use clip-path to create a curved, organic shape */
    clip-path: path('M 0 0 Q 15 10 30 0 Q 20 20 0 20 Z');
    transform: rotate(-60deg); /* Slight rotation for natural look */
}

.message-box-downward[b-6i9efrwebo]:after {
    content: '';
    position: absolute;
    opacity: 100%;
    width: 30px; /* Size of the tail */
    height: 20px;
    background: black; /* Match the bubble color */
    /* Use clip-path to create a curved, organic shape */
    clip-path: path('M 0 0 Q 15 10 30 0 Q 20 20 0 20 Z');
    transform: rotate(105deg); /* Slight rotation for natural look */
}

.message-box-downward.bottom-1[b-6i9efrwebo]::after {
    top: -1.6vh;
    left: 0vw;
}

.message-box-downward.bottom-2[b-6i9efrwebo]::after {
    top: 87.25%;
    left: 60%;    
}

.message-box-downward.bottom-3[b-6i9efrwebo]:after {
    top: -3vh;
    left: 5vw;
}